.nfts_history {
    font-family: 'Montserrat-Bold';

    .view_port {
        border-top: .2667vw solid var(--main-split);
        height: 100%;
        max-height: 108.5vw;

        .class {
            .title {
                padding: 2.1333vw var(--m12);
                font-size: 2.9333vw;
                font-weight: 400;
                color: var(--secondary-middle-text);
            }

            .body {

                box-shadow: inset 0px 0.5px 0px rgba(255, 255, 255, 0.2);


                .history_item {
                    cursor: pointer;
                    background: var(--nft-item);
                    border-top: 1px solid var(--main-split);
                    box-shadow: inset 0px 0.5px 0px rgba(255, 255, 255, 0.8);
                    height: 21.3333vw;
                    padding: 0 var(--m12);
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    position: relative;

                    .info {
                        display: flex;
                        align-items: center;

                        .img {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin-right: 2.1333vw;
                            width: 16vw;
                            height: 16vw;
                            border-radius: 1.0667vw;
                            overflow: hidden;

                            img {
                                width: auto;
                                height: auto;
                                display: block;
                                max-width: 100%;
                                max-height: 100%;
                            }
                        }

                        .detail {
                            .name {
                                font-weight: 700;
                                font-size: 2.6667vw;
                                color: var(--font-color);
                            }

                            .tag_list {
                                margin-top: 1.0667vw;
                                display: flex;

                                .tag {
                                    margin-right: 1.8667vw;
                                    padding: .2667vw 1.0667vw;
                                    border-radius: .8vw;
                                    font-size: 2.4vw;
                                    color: #fff;
                                }

                                .type {
                                    background: var(--transfer-type);
                                }

                                .internal {
                                    background: var(--in-game);
                                }
                            }


                            .origin {
                                margin-top: 1.6vw;
                                font-weight: 500;
                                font-size: 2.4vw;
                                /* identical to box height, or 133% */


                                /* 淡灰 */

                                color: var(--secondary-middle-text);
                            }

                            .status,
                            .gas {
                                margin-top: .5333vw;
                                font-weight: 500;
                                font-size: 2.4vw;
                                /* identical to box height, or 133% */


                                /* 淡灰 */

                                color: var(--secondary-middle-text);
                            }

                        }
                    }


                    .in_game_icon {
                        display: flex;
                        justify-content: flex-end;
                        align-items: center;

                        .star {
                            margin-right: 2.4vw;
                            position: relative;
                            width: 14.9333vw;
                            height: 14.9333vw;
                            display: flex;

                            .bg {
                                position: absolute;
                                width: 100%;
                                height: 100%;
                            }

                            .main {
                                font-weight: 700;
                                font-size: var(--m12);
                                color: inherit;
                            }

                            .unit {
                                font-weight: 600;
                                font-size: 2.1333vw;
                                color: inherit;
                            }
                        }

                        .star_s {
                            color: var(--primary);
                        }

                        .star_f {
                            color: #D3D3DB;
                        }

                        .ico {
                            height: 4.8vw;
                        }

                        .status {
                            font-weight: 600;
                            font-size: 2.9333vw;
                            color: var(--primary);
                        }
                    }

                    &:first {
                        border-top: none;
                    }


                    .label {
                        text-align: right;
                        position: absolute;
                        right: 0;
                        top: 0;
                        height: 4.8vw;
                        width: 18.1333vw;
                        display: flex;
                        align-items: center;
                        justify-content: flex-end;

                        img {
                            position: absolute;
                            width: 100%;
                            z-index: -1;
                        }

                        span {
                            font-weight: 600;
                            font-size: 2.4vw;
                            /* identical to box height, or 133% */
                            margin-right: 1.6vw;
                            text-align: right;
                        }

                        .success {
                            color: var(--confirmed);
                        }

                        .padding {
                            color: var(--padding);
                        }

                        .failed {
                            color: var(--error);
                        }
                    }

                }
            }
        }

        .empty {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-weight: 500;
            font-size: 2.9333vw;
            /* or 127% */

            display: flex;
            align-items: center;
            text-align: center;

            /* 淡灰 */

            color: var(--secondary-middle-text);
            width: 45.8667vw;
            margin: 51.1333vw auto;
        }
    }

    .main_title {
        font-size: 4vw;
    }
}

.trading_details_layout {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.v_h {
    visibility: hidden !important;
    opacity: 0;
    transition: opacity .5s;
}



@media screen and(min-width:1280px) {
    .nfts_history {
        .view_port {
            border-top: 1.2535px solid var(--main-split);
            max-height: 509.95px;

            .class {
                .title {
                    padding: 10.0265px 15.04px;
                    font-size: 13.7865px;
                }

                .body {

                    .history_item {

                        height: 100.2665px;
                        padding: 0 15.04px;

                        .info {

                            .img {
                                margin-right: 10.0265px;
                                width: 75.2px;
                                height: 75.2px;
                                border-radius: 5.0135px;

                            }

                            .detail {
                                .name {
                                    font-weight: 700;
                                    font-size: 12.5335px;
                                }

                                .tag_list {
                                    margin-top: 5.0135px;

                                    .tag {
                                        margin-right: 8.7735px;
                                        padding: 1.2535px 5.0135px;
                                        border-radius: 3.76px;
                                        font-size: 11.28px;
                                    }

                                }


                                .origin {
                                    margin-top: 7.52px;
                                    font-weight: 500;
                                    font-size: 11.28px;
                                    /* identical to box height, or 133% */
                                }

                                .status,
                                .gas {
                                    margin-top: 2.5065px;
                                    font-size: 11.28px;
                                    /* identical to box height, or 133% */
                                }

                            }
                        }


                        .in_game_icon {
                            .star {
                                margin-right: 11.28px;

                                width: 70.1865px;
                                height: 70.1865px;


                                .main {
                                    font-size: 15.04px;
                                }

                                .unit {
                                    font-weight: 600;
                                    font-size: 10.0265px;
                                }
                            }


                            .ico {
                                height: 22.56px;
                            }

                            .status {
                                font-size: 13.7865px;
                            }
                        }


                        .label {
                            height: 22.56px;
                            width: 85.2265px;

                            span {
                                font-weight: 600;
                                font-size: 11.28px;
                                /* identical to box height, or 133% */
                                margin-right: 7.52px;
                            }
                        }

                    }
                }
            }

            .empty {
                font-size: 13.7865px;
                /* or 127% */


                width: 215.5735px;
                margin: 240.3265px auto;
            }
        }

        .main_title {
            font-size: 18.8px;
        }
    }
}